<template>
  <div class="demo-home">
    <div class="demo-home__title">FROZEN 1</div>
    <div class="demo-home__desc">冰雪奇缘1 bookStudy</div>
    <van-cell-group>
      <van-cell v-for="item in naviList" :title="item.title"
                @click="clickHandle(item.path, item.objName)"
                is-link />
    </van-cell-group>
    <div class="van-safe-area-bottom"></div>
  </div>
</template>

<script>
// import youdao from '../../api/youdao.js'
export default {
  name: 'IndexPage',
  components: {},
  props: {},
  data () {
    return {
      naviList: window.naviList
      // [
      //   {title: "Prologue 1", path: "/prologue/01", objName: "prologue01"},
      //   {title: "Prologue 2", path: "/prologue/02", objName: "prologue02"},
      //   {title: "Prologue 3", path: "/prologue/03", objName: "prologue03"},
      //   {title: "Prologue 4", path: "/prologue/04", objName: "prologue04"},
      // ]
    }
  },
  watch: {},
  computed: {},
  methods: {
    clickHandle (path, objName) {
      this.$router.push({
        name: 'bookPage',
        query: {
          path: path,
          objName: objName
        }
      })
    }
  },
  created () { },
  activated () { },
  mounted () {
    // youdao('girls')
  },
  beforeDestroy () { }
}
</script>

<style>
</style>